<!--
 * @Description: 订单确认页面
 * @Author: Ronda
 * @Date: 2021-08-10 13:23:06
 * @LastEditors: 何梦龙
 * @LastEditTime: 2022-05-16 22:00:06
-->
<template>
  <div>
    <van-nav-bar
      title="确认订单页面"
      left-text="返回"
      left-arrow
      @click-left="$router.back()"
    />
    <van-cell title="服务地址"
     icon="location-o"  value="地址:准格尔市海湾区海湾路 收货联系电话:1821728129 姓名:张三" />
     <van-row>
  <van-cell title="订单详情" icon="shop-o">
  <!-- 使用 right-icon 插槽来自定义右侧图标 -->
  <template #right-icon>
    <van-icon name="search" class="search-icon" />
  </template>
</van-cell>

  <van-swipe-cell>
  <van-card
    num="1"
    price="130.00"
    desc="长款羊毛大衣"
    title="订单1"
    class="goods-card"
    thumb="http://121.199.29.84:8888/group1/M00/00/20/rBD-SWCbi3CAbIiuAAA1Dw-y7cE393.png"
  />
  <template #right>
    <van-button square text="删除" type="danger" class="delete-button" />
  </template>
</van-swipe-cell>
    <van-swipe-cell>
  <van-card
    num="2"
    price="80.00"
    desc="羽绒服"
    title="订单2"
    class="goods-card"
    thumb="http://121.199.29.84:8888/group1/M00/00/20/rBD-SWCbhauAfquSAAYAWGAa0Ms616.png"
  />
  <template #right>
    <van-button square text="删除" type="danger" class="delete-button" />
  </template>
</van-swipe-cell>
</van-row >
      <van-cell title="服务时间" value="2020年4月1日" size="large" label="干净卫生，需要每个人的守护" />
       <van-button type="primary" size="large">确认订单</van-button> 
  </div>
        
       
       
      
</template>

<script>
export default {
  data() {
    return {
      
    };
  },
  computed: {},
  methods: {
    
  },
  created() {
    this.loadCategory();
    this.loadProduct();
  },
  mounted() {},
  };
</script>
<style scoped>
.van-nav-bar{
 height: 50px;
 background: white;}
 .van-cell{
 height: 100px;
 background:white;}
 
  .van-button{
 background: red;}
 .goods-card {
    margin: 0;
    background-color: white;
  }

  .delete-button {
    height: 100%;
  }
    .custom-title {
    margin-right: 4px;
    vertical-align: middle;
  
  }

  .search-icon {
    font-size: 16px;
    line-height: inherit;
      
  }
</style>
